import React, { Component } from 'react'

import { NavBar, Icon, SearchBar } from 'antd-mobile';
import Img from './Img';

import "../assets/styles/header.less"

export default class Header extends Component {
    render() {
        return (
            <div className="header">
                <NavBar
                    leftContent={[
                        <Img src="logo.png" height="30"></Img>
                    ]}
                // mode="light"
                // icon={<Icon type="left" />}
                // onLeftClick={() => console.log('onLeftClick')}
                // rightContent={[
                //     <SearchBar placeholder="Search" maxLength={8} />
                // ]}
                ><SearchBar placeholder="搜索" maxLength={8} /></NavBar>
            </div>
        )
    }
}
